<template>
  <div class="index">
    <router-view></router-view>
    <tabBar :data="data" />
  </div>
</template>

<script>
import tabBar from '../components/TabBar.vue'
export default {
  name: 'Home',
  data () {
    return {
      data: [
        { id: 0, title: '首页', icon: 'iconfont icon-zhuye1', path: '/home' },
        { id: 1, title: '订单', icon: 'iconfont icon-xiugaidingdan', path: '/order' },
        { id: 2, title: '我的', icon: 'iconfont icon-wode-wode', path: '/me' }
      ]
    }
  },
  methods: {

  },
  components: {
    tabBar
  }
}
</script>
<style scoped>
.index {
  height: calc(100vh - 1.325rem);
  overflow: auto;
  scrollbar-width: none; /* Firefox */
}
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
</style>
